<template>
  <div class="client">
    <!--<div class="frist">
      <img src="~@/assets/images/big-btn.png" alt="">
    </div>
    <div class="content">
      <h2>声动梁尘</h2>
      <p>不要试图填满生命的空白，因为音乐就在那空白的深处。</p>
    </div>-->
    <div class="appimg">
      <img src="~@/assets/images/app.jpg" alt="">
    </div>
  </div>
</template>

<script>
export default {
  name: "Client"
};
</script>

<style lang='less' scoped>
  .client{
    background-color: rgb(23,25,37);
    .appimg{
      display: flex;
      justify-content: center;
      img{
        width: 50%;
      }
    }
    .frist{
      width: 100%;
      height: 500px;
      position: relative;
      background-image: url('~@/assets/images/haibao.jpg');
      background-size:cover;
      background-repeat:no-repeat ;
      img{
        position: absolute;
        top: 88%;
        width: 50px;
        left:48%;
      }
    }
    .content{
      font-family:'Courier New', Courier, monospace;
      h2,p{
        text-align: center;
      }
    }
  }
</style>